<template>
    <el-tree :data="menus" :props="defaultProps" accordion highlight-current node-key="catId" ref="menuTree" @node-click="handleNodeClick"></el-tree>
</template>

<script>


export default {
    // import引入的组件需要注入到对象中才能使用
    components: {},
    // 接受父组件传来的值
    props: {},
    data () {
        // 这里存放数据
        return {
            menus: [],
            expandedKey: [],
            defaultProps: {
                label: 'name',
                children: 'children'
            },
            clickNodeData:{}
        }
    },
    watch: {},
    // 方法集合
    methods: {
        getMenus () {
            this.$http({
                url: this.$http.adornUrl('/product/category/list/tree'),
                method: 'get'
            }).then(({data}) => {
                this.menus = data.data
            })
        },
        handleNodeClick(data) {
           this.clickNodeData = data
           this.$emit("changeTreeData",data)
        }
    },
    // 生命周期 - 创建完成（可以访问当前this实例）
    created () {
        this.getMenus()
    }
}
</script>
<style scoped>
</style>
